<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>互动</title>
		<link href="/css/mui.min.css" rel="stylesheet" />
		<link href="/css/build.css" rel="stylesheet" type="text/css" />
		<script src="/js/mui.min.js"></script>
		<script th:src="@{/assets/js/jquery.min.js}"></script>
		<link rel="stylesheet" href="css/login.css">
	</head>
	<body>
		<div class="mui-content">
			<div class="mui-control-content mui-active hudong_box padding_0_15">
				<div class="c-login">
					<form class="loginForm" th:action="@{/zixun}" metho d="post" id="subfrom">
						<input type="text" class="userLogo" placeholder="邮箱" lay-verify="email" />
						<input type="text" id="name" name="name" class="userName" placeholder="请输入姓名,不超过10个字(必填)" lay-verify="userName" />
						<input type="text" id="phone" name="phone"  placeholder="请输入手机号码(必填)" lay-verify="phone" />
						<input type="text" id="work" name="work" class="userWork" placeholder="工作单位(必填)" lay-verify="email" />
						<input type="text" id="email" name="email" class="userLogo" placeholder="邮箱" lay-verify="email" />
						<input type="text" id="wechat" name="wechat" class="userWx" placeholder="微信号" lay-verify="Wx" />
						<input type="text" id="terms" name="terms" class="userClause" placeholder="请输入相关条款号(不超过100字)" lay-verify="Wx" />
						<p>— 问题描述 —</p>
						<textarea id="content" name="content" rows="3" cols="20" placeholder="字数限制 30-500之间(必填)">
						</textarea>
						<div class="xieyi">
							<input name="zunshou" id="zunshou" type="checkbox" value="" checked="checked"/>
							我已经阅读并遵守 <span class="blue" style="cursor:pointer">《服务协议》</span>
						</div>
						<br>

						<input type="submit" value="提交" id="subbutton" />

					</form>
				</div>
				<!-- 底部信息-->
				<!--<div class="footer_box">
					<div class="footer_txt">
						<p>主办单位：交通运输部长江航务管理局</p>
						<p>备案号：鄂ICP备0500000026号</p>
					</div>
				</div>-->
			</div>
			
			<!-- 底部tabbar    start -->
			<nav class="mui-bar mui-bar-tab tabbar-bottom">
				<a class="mui-tab-item" onclick="window.location.href='/ppp'">
					<span class="mui-icon"><img src="/images/nav_home.png" /></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a class="mui-tab-item mui-active"  href="javascript:;">
					<span class="mui-icon"><img src="/images/nav_hudong_on.png" /></span>
					<span class="mui-tab-label">互动</span>
				</a>
				<a class="mui-tab-item" onclick="window.location.href='/ooo'">
					<span class="mui-icon"><img src="/images/nav_user.png" /></span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>
			<!-- 底部tabbar    end -->
			<script type="text/javascript">
				mui.init();
			</script>

			<script type="text/javascript">
				$(function (){
					$("#subbutton").click(function(){

						if($("#userName").val() ==""){
							alert("请填写姓名");
							return ;
						}
						if($("#phone").val() ==""){
							alert("请填写手机号");
							return ;
						}
						if($("#work").val() ==""){
							alert("请填写工作单位");
							return ;
						}
						if($("#content").val() ==""){
							alert("请填写问题");
							return ;
						}
						$("#subfrom").submit();
					})
				})
			</script>
		</div>
	</body>
</html>
